/* 样式重置 */
html,body{height: 100%}
body,ul,li,p,h1,h2,h3,h4,h5,h6,img,br,hr,table,tr,td,dl,dt,dd,form {margin: 0;padding: 0;}
body {font-family: Arial,"微软雅黑";font-size: 14px;color: #434343;}
.inner{width: 1220px;margin: auto;}
ul,li {list-style: none;}
img {border: none;}
i,em{font-style:normal}
a {text-decoration: none;color: #555;}
a:hover{color: #4562ac;}
.al { text-align: left; }
.ar { text-align: right; }
.ac { text-align: center; }
.fl{float: left;}
.fr{float: right;}
.rel { position: relative; }
.abs { position: absolute; }
.fid { position: fixed; }
.block{display: block;height: 100%;}
.font16{font-size: 16px;}
.font14{font-size: 14px;}
.text_ov{overflow: hidden;white-space:nowrap; text-overflow:ellipsis; }
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
/* header */
.header{padding: 30px 0 28px 0;}
.header .logo{float: left;width: 275px;height: 40px;}
.header .logo img{width: 275px;height: 40px;}
.header .navBar{  position:relative; z-index:1;  height:40px; line-height:40px; color:#333; float: right }
.nav{ position:relative; width:800px; font-size:16px; }
.nav a{ color:#333;      }
.nav h3{ font-size:100%; font-weight:normal;   }
.nav .m{ float:left;  position:relative; z-index:1; }
.nav h3 a{ display:block; width:100px; text-align:center;   font-weight:bold; font-size: 16px; line-height: 40px;}
.nav h3 a:hover{ color: #f0583d;}
.nav .sub{ display:none; position:absolute; left:-1px; top:43px; z-index:1; width:100px; border:1px solid #E6E4E3; border-top:0;  background:#fff; }
.nav .sub li{ text-align:center; padding:0 8px; margin-bottom:-1px;  position: relative; }
.nav .sub li a{ display:block;  border-bottom:1px solid #E6E4E3; padding:8px 0;line-height:28px; color:#666; font-size: 14px; }
.nav .sub li a:hover{ color:#f0583d;   }
.nav .on a{ color: #f0583d;}
.nav .on:after{content: '';position: absolute;bottom: -3px;left: 0;width: 100px;height: 3px;background: #f0583d;}
.nav .block{ height:3px; width:106px; background:#f0583d; position:absolute; left:0; top:40px; overflow:hidden;  }
.search{position: relative;float: right;width: 44px;height:40px;cursor: pointer;}
.search:after{content: '';position: absolute;left: 0;top: 15px;width: 1px;height: 12px;background: #ddd;}
.search img{position: absolute;right: 0;top: 10px;}
.search .search_input{position: absolute;top: 45px;right: 0;z-index: 5;display:none;}
.search_input input{width:280px;height:44px;float: left;border: 1px solid #ccc;padding-right: 50px;padding-left: 10px;outline:none}
.search_input #btnok{position: absolute;right: 12px;top: 8px;display: block;width: 32px;height: 32px;background: url(../images/mrn_sousuo.png) no-repeat; border:0px;padding:0;}
/* banner */
.fullSlide{ min-width:1000px; position:relative;  height:600px; overflow:hidden;  }
.fullSlide .bd{ position:relative; z-index:0;  }
.fullSlide .bd ul{ width:100% !important;  }
.fullSlide .bd li{ width:100% !important;  height:600px; overflow:hidden; text-align:center;  }
.fullSlide .bd li a{ display:block; height:600px; }

.fullSlide .hd{ width:1200px; right:5%; bottom:15px; position:absolute; z-index:1; bottom:15px; overflow:hidden;  }
.fullSlide .hd ul{ float:right;  }
.fullSlide .hd ul li{  margin:0 5px; display:inline-block; cursor:pointer; }
.fullSlide .hd ul li img{ width:80px; height:50px; display:block; border:2px solid #fff; filter:alpha(opacity=50);opacity:0.5;  }
.fullSlide .hd ul .on img{ border-color:#f0583d; filter:alpha(opacity=100);opacity:1;  }

/* shortcut */
.shortcut{height: 85px;background: #f0583d;padding-top: 15px;}
.shortcut ul li{width: 369px;float: left;position: relative;padding: 5px 0 5px 37px;height: 58px;}
.shortcut ul li:after{content: '';position: absolute;left: 0;top: 0;background: #fff;width: 1px;height: 100%;}
.shortcut ul li.last_child:before{content: '';position: absolute;right: 0;top: 0;background: #fff;width: 1px;height: 100%;}
.shortcut ul li a{color: #fff;}
.shortcut ul li img{display:block;float: left;width: 60px;transition: All 0.5s ease-in;}
.rotate:hover img{ transform: rotate(360deg);-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-o-transform: rotate(360deg);-ms-transform: rotate(360deg);}
.shortcut ul .text{float: left;padding-left: 22px;}
.shortcut ul .text h3{line-height: 30px;font-size: 16px;}
.shortcut ul .text p{line-height: 18px;font-size: 13px;font-family: '宋体'}

/* introduce */
.introduce{height: 630px;background-color: #3b76d9;overflow: hidden;position: relative;}
.introduce .inner{position: absolute;top: 64px;left: 0;right: 0;bottom: 0;margin: auto;z-index: 3;}
.introduce_one{width: 756px;height: 374px;background: url(../images/introduce_bg_05.jpg) no-repeat;position: relative;transition: all 1s ease-in;}
.introduce_one a{padding-left: 38px;}
.introduce_two{width: 393px;height: 374px;background: url(../images/introduce_bg_07.jpg) no-repeat;position: relative;transition: all 0.5s ease-in-out;}
/* .introduce_one:hover,.introduce_two:hover{} */
.introduce_one .introduce_text,.introduce_two .introduce_text{position: absolute;bottom: 76px;width: 100%;}
.introduce_text h2{line-height: 42px;}
.introduce_two h2{text-align: center;}
.introduce_two p{line-height: 30px;text-align: center;}
.introduce_one p{line-height: 24px;}
.introduce a{color: #fff;}
.button_link{width: 113px;}
.introduce_two .button_link{margin:auto;}
.introduce_text .fake_link{display: inline-block;border-bottom: 1px solid #4562ac;width: 92px;line-height: 36px;}
.introduce_text .button_link i{display: inline-block;width: 18px;border-bottom: 1px solid #fff;line-height: 36px;text-align: center;}
.introduce_one p{width: 622px;}
.introduce_title{position:absolute;text-align: center;left: 0;right: 0;bottom:35px;margin: auto;width: 730px;color: #fff;z-index: 1;}
.introduce_title h2{line-height: 60px;}
.introduce_title p{line-height: 24px;}
#canvas_bg{position: absolute;top: 115px;left:0;z-index: 2;height: 200px;}
/* responsive */
.responsive .line{width: 33.33%;float: left;height: 451px;color: #fff;padding-top: 70px; overflow:hidden;position: relative;}
.responsive .line_bg {position: absolute;top: 0;left: 0;width: 100%;height: 521px;transition: all .5s;z-index: -100;}
.responsive .line:hover .line_bg{transform: scale(1.2)}
.responsive .line a{color: #fff;}
.responsive .line a:hover{color: red;border: 3px solid #fff;background: #fff;}
.responsive .line h2{font-size: 30px;line-height: 50px;}
.responsive .line p{line-height: 36px;font-size: 16px;}
.responsive .first{width: 398px;margin: auto;}
.responsive .first p{margin-bottom: 108px;}
.responsive .thirdly{width: 400px;}
.line a{display: block;width: 174px;height: 42px;border: 3px solid #fff;font-size: 16px;text-align: center;line-height: 42px;}
.thirdly{width: 505px;margin: auto;}
.thirdly ul li{line-height: 30px;padding-left: 23px;position: relative;}
.thirdly ul li:after{content: '';position: absolute;top: 14px;left: 0;width: 10px;height: 2px;background: #fff;}
.thirdly a{position: absolute;bottom: 100px;}

/* partner */
.partner{background: url(../images/partnerbg_04.jpg) no-repeat center center;background-size: cover;padding: 42px 0 84px 0;color: #fff;}
.partner h2{font-size: 30px;line-height: 54px;}
.partner p{font-family: "宋体";font-size: 13px;line-height: 30px;margin-bottom: 30px;}
.picMarquee-left{ width:1220px;  overflow:hidden; position:relative; }
.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.picMarquee-left .bd ul li{ margin:0 15px; float:left; _display:inline; overflow:hidden; text-align:center;}
.picMarquee-left .bd ul li .pic img{ width:173px; height:120px; display:block; }
.picMarquee-left .bd ul li .pic a:hover img{ border-color:#999;  }

/* indexNews */
.indexNews{height: 466px;margin-top: 114px;}
.sideMenu{  width: 540px; float: left; }
.sideMenu h3{ height:70px; line-height:70px;cursor:pointer;font-size: 16px;border: 1px solid #eee;border-left: none;margin-bottom: 10px;}
.sideMenu h3 span{float: right;margin-right: 15px;font-weight: normal;font-size: 14px;}
.sideMenu h3 a{display: inline-block;width: 300px;}
.sideMenu h3 em{ float:left; display:block; width:70px; height:70px;background:#f5f5f5 url(../images/arrows_08.png) no-repeat center center; cursor:pointer;margin-right: 16px; }
.sideMenu h3.on{color:#4562ac;margin-bottom: 0;}
.sideMenu h3.on em{  background:#4562ac url(../images/arrows_05.png) no-repeat center center;}
.sideMenu h3.on a{color: #4562ac}
.sideMenu ul{ padding:24px 24px 32px 24px; display:none;font-size: 14px;color:#4562ac; margin-bottom: 10px;border: 1px solid #eee;border-top: none;}
.sideMenu ul li{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;line-height: 24px;}
.news_right{float: right;width: 620px;}
.news_right li{width: 300px;}
.news_right li:last-child{margin-left: 18px;}
.news_right li .pic_hidden{display: block;width: 300px;height: 195px;overflow: hidden;}
/* .news_right li .pic_hidden:hover img{transform: scale3d(1.2, 1.2, 1)} */
.news_right li img{width: 300px;height: 195px;transition: all .6s}
.news_right li .news_msg{padding: 20px 30px 28px 30px;line-height: 30px;border: 1px solid #eee;border-top: none;}
.news_msg p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}
.news_right li:hover .pic_hidden img{transform: scale3d(1.2, 1.2, 1)}
/* footer */
.footer{color: #fff;}
.footer_top{padding: 40px 0 40px 0;background: #3f62ca;}
.scan_code{margin-left: 80px;}
.pure_logo{width: 303px;height: 86px;position: relative;}
.pure_logo::after{content: '';position: absolute;width: 1px;height: 115px;background: rgba(255,255,255,.6);right: -30px;top: 0;}
.scan_code li{width: 264px;float: left;}
.scan_code li img{display: block;float: left;margin-right: 21px;}
.scan_code li .code_introduce{float: left;}
.code_introduce p{line-height: 38px;font-size: 16px;}
.code_introduce h4{line-height: 24px;font-size: 18px;}
.code_introduce span{display: block;line-height: 54px;font-size: 14px;}
.contact{position: relative;}
.contact::after{content:'';position: absolute;left: -60px;top: 0;width: 1px;height: 115px;background: rgba(255,255,255,.6);}
.contact p{line-height: 24px;}
.contact h2{line-height: 46px;font-size: 30px;}
.footer_bot{background: #2c3e72;padding: 22px 0;line-height: 26px;}
.footer_bot ul li{float: left;}
.footer_bot ul li:first-child{margin-right: 10px;}
.footer_bot li a{display: inline-block;float: left;margin-top: 3px;}
.footer_bot li a:hover{ -webkit-transition-property:background-image;-webkit-transition-duration: 0.4s;-webkit-transition-timing-function: ease;}
.footer_bot li span{display: inline-block;float: left;}
.weiling{width:103px;height:16px;background: url(../images/weiling_1.png) no-repeat center center;}
.weiling:hover{background: url(../images/weiling_2.png) no-repeat;}
.wangshang{width:96px;height:16px;background: url(../images/wangshang_1.png) no-repeat;}
.wangshang:hover{background: url(../images/wangshang_2.png) no-repeat;}

.second{cursor:pointer}
.second img{display:block;left: 0;right: 0;margin:100px auto 50px;}
.second h4{text-align: center;font-size: 30px;}
.video_position{position: fixed;left: 0;top: 0;width:100%;height: 100%;background: rgba(0,0,0,.8);display:none;z-index: 9999;}
.video-box{  width: 600px!important;height: 400px!important;position: absolute;top: 25%;margin:auto;left: 0;right: 0;}

.lxfx {
    height: auto;
    position: fixed;
    right:0px;
    top:200px;
    width: 77px;
    z-index: 11;
}
.lxfx li a {
    color: rgb(255, 255, 255);
    display: block;
    height: 47px;
    margin-top: 9px;
    width: 300px;
}
.leftlx {
    float: left;
    height: 47px;
    width: 77px;
}
.lxfx li span {
    border-left: 1px solid rgb(255, 255, 255);
    color: rgb(255, 255, 255);
    float: left;
    font-size: 20px;
    height: 24px;
    line-height: 22px;
    margin-top: 8px;
    padding-left: 8px;
}
.fix_ewm {
    border: 5px solid rgb(255, 255, 255);
    display: none;
    height: 120px;
    left: -145px;
    position: absolute;
    top: -40px;
    width: 120px;
}
.lxfx li i {
    display: block;
    height: 27px;
    margin: 0 auto;
    text-align: center;
    width: 30px; background:url(../images/fx.png) no-repeat;
}
.lxfx li i.icon-tel {
    background-position: 0 -25px;
}
.lxfx li i.icon-ly {
    background-position: 4px -53px;
}
.lxfx li i.icon-wx {
    background-position: -34px 4px;
}
.lxfx li i.icon-wb {
    background-position: -30px -22px;
}
.lxfx li p {
    line-height: 12px;
    text-align: center;
}
.lxfx li {
    background:#3f62ca;
    height: 56px;
    margin-bottom: 1px;
    margin-left: 0;
    overflow: hidden;
    position: relative;
    width: 77px; float:left;
}